<?php /*a:5:{s:80:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\index\designMethods.html";i:1591619829;s:67:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\layout.html";i:1590217625;s:74:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\header.html";i:1589556016;s:73:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\float.html";i:1587203341;s:74:"D:\English\XAMPP-PHP5\htdocs\tp5\application\index\view\public\footer.html";i:1588948031;}*/ ?>
<div>
    <div class="my_container">
        <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/homePage.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/tooltip.css" />
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.12.0/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui@2.12.0/lib/index.js"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/qs/6.5.1/qs.min.js"></script>


</head>

<body>
    <div class="top">
        <div class="name">
            <a style="text-decoration: none;" href="<?php echo url('index/getHomePage'); ?>">
                <img src="http://localhost/tp5/public/img/header/logo.png" style="width:8em">
                <!--火花设计思维分享-->
            </a>
        </div>
        <?php if(!isset($_COOKIE['user'])): ?>
        <div class="login" style="margin-left: 50%;"><a href="<?php echo url('index/login'); ?>" style="font-size: 20px;">登录</a></div>
        <div class="register"><a href="<?php echo url('index/register'); ?>" style="font-size: 20px;">注册</a></div>

        <?php else: ?>

        <!--添加成员的消息通知-->
        <div onclick="window.location.href='<?php echo url('index/showPrjMemRequests'); ?>'" class="request_banner" style="display: none;"></div>


        <div class="login"><a id="header_projects" href="<?php echo url('index/getProjects',array('userId'=>$_COOKIE['user'])); ?>" style="font-size: 20px;">项目小组</a></div>


        <div class="register"><a id="header_methods" href="<?php echo url('index/getDesignMethods'); ?>" style="font-size: 20px;">设计方法</a></div>
        <div class="register"><a id="header_cases" href="<?php echo url('index/getPublicCanvasLists'); ?>" style="font-size: 20px;">创意社区</a></div>
        <div class="register"><a id="header_ques" href="<?php echo url('index/getSingleQuesBank'); ?>" style="font-size: 20px;">题库练习</a></div>


        <div class="welcome_banner" style="z-index:105;" onmouseover="$('#logout').show()" onmouseout="$('#logout').hide()">
            <svg style="margin-left:65px;" t="1573030732563" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2246" width="40" height="40">
                <path d="M512 950.857143c241.371429 0 438.857143-197.485714 438.857143-438.857143s-197.485714-438.857143-438.857143-438.857143-438.857143 197.485714-438.857143 438.857143 197.485714 438.857143 438.857143 438.857143z m0 73.142857c-285.257143 0-512-226.742857-512-512s226.742857-512 512-512 512 226.742857 512 512-226.742857 512-512 512z" fill="#e45440" p-id="2247">

                </path>
                <text x="50%" y="65%" style="fill:#e45440;font-size:550px;text-anchor: middle;">
                    <?php echo iconv_substr($_COOKIE['username'],0,1); ?>
                </text>
            </svg>


            <div id="logout">
                <div class="logout_top">
                    <text class="logout_user"><?php echo htmlentities($_COOKIE['username']); ?></text>
                    <br>
                    <text class="logout_id">ID: <?php echo htmlentities($_COOKIE['user']); ?></text>
                </div>

                <div class="logout_option">
                    <a href="<?php echo url('index/showPrjMemRequests'); ?>">我的消息</a>
                </div>

                <div class="logout_option">
                    <a href="<?php echo url('index/logout'); ?>">登出</a>
                </div>

                <div style="height: 6px;width: 100%;border-radius: 4px;"></div>
            </div>

            <svg style="float: right;margin-right: 30px;" t="1573118997341" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2175" width="15" height="40"><path d="M972.838375 233.161725c15.319322 15.477939 27.804007 28.100774 43.005646 43.46103-167.688762 171.229501-334.75329 341.814301-503.593304 514.220637C343.610253 619.265957 176.069875 448.809074 8.155979 277.978674c15.140239-13.528486 28.904092-25.828971 36.456303-32.582981C102.486983 299.970139 164.429441 355.920971 223.562844 414.706441c90.002299 89.475281 178.423545 180.552081 266.599191 271.833548 16.09194 16.659891 25.511737 17.96976 42.483746 0.450267 139.874522-144.366961 280.757028-287.756638 421.235317-431.540299C960.33834 248.844331 965.900165 241.36887 972.838375 233.161725z" p-id="2176"></path></svg>

        </div>
        <?php endif; ?>
    </div>
    <!--
<?php if(!isset($_COOKIE['user'])): ?>
<a href="<?php echo url('index/login'); ?>">登录</a>
<?php else: ?><a href="<?php echo url('index/logout'); ?>">登出</a>
<a href="<?php echo url('index/getProjects',array('userId'=>$_COOKIE['user'])); ?>">项目</a>
<?php endif; ?>-->

    <script>
        $.ajax({
            type: "GET",
            url: "http://localhost/tp5/public/index.php/index/index/getPrjMemRequests",
            data: {},
            xhrFields: {
                withCredentials: true
            },
            //crossDomain: true,
            success: function(result) {
                if (result != null && (result.request_list.length > 0 || result.reject_list.length > 0)) {
                    $(".request_banner").show();
                    $(".request_banner").html("<a style='cursor: pointer;'>-您有" + (result.request_list.length + result.reject_list.length) + "条消息-</a>");
                }
            }
        });

        /*$.get('http://localhost/tp5/public/index.php/index/index/getPrjMemRequests',{},function (result) {
            if(result != null && ( result.request_list.length > 0 || result.reject_list.length > 0) ) {
                $(".request_banner").show();
                $(".request_banner").html("<a>-您有" + ( result.request_list.length + result.reject_list.length ) + "条消息-</a>");
            }
            //$(".request_banner").load(location.href + " .request_banner");
        });*/
    </script>
</body>

</html> <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>设计方法</title>


    <style>
        body {
            background-color: #f9f9f9;
            height: auto;
        }
        
        .outer {
            position: relative;
            display: block;
            height: 4420px;
        }
        
        .left {
            position: absolute;
            left: 60px;
            top: 0px;
            width: 280px;
            height: 200px;
            background-color: white;
            padding: 10px 10px 10px 30px;
            margin-top: 2px;
            box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.089), -2px -2px 3px rgba(0, 0, 0, 0.048);
        }
        
        .right {
            position: absolute;
            left: 395px;
            top: 0;
            width: 851px;
            max-width: 851px;
            margin-bottom: 80px;
            margin-top: 3px;
            background-color: white;
            height: auto;
            box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.089), -2px -2px 3px rgba(0, 0, 0, 0.048);
        }
        
        .design_title {
            font-size: 15px;
            font-weight: bold;
            padding-top: 15px;
        }
        
        .method_name {
            cursor: pointer;
            margin-top: 5px;
            width: 100%;
            font-size: 15px;
        }
        
        .method_name>a {
            width: 100%;
            color: #929292;
        }
        
        .method_name>a:link,
        a:visited {
            text-decoration: none;
            border: none;
        }
        
        .method_name>a:hover,
        a:active {
            text-decoration: none;
            border: none;
            color: #647BFF;
        }
        
        .oneMethod {
            padding-top: 70px;
        }
        
        h2 {
            font-size: 32px;
        }
        
        .method_text {
            font-size: 16px;
            display: block;
            height: auto;
        }
        
        .grayline {
            height: 2px;
            width: 100%;
            background-color: lightgray;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        img {
            max-width: 80%;
        }
    </style>
</head>

<body>

    <div class="outer">
        <div style="height: auto;background-color: white;margin: 3px;">
            <div class="left" id="left">
                <text class="design_title">设计方法</text>

                <ul>
                    <li style="margin-top: 25px;" class="method_name">
                        <a href="#六顶帽思考法">六顶帽思考法</a>
                    </li>

                    <li class="method_name">
                        <a href="#奥斯本检核表">奥斯本检核表</a>
                    </li>

                    <li class="method_name">
                        <a href="#商业模式画布">商业模式画布</a>
                    </li>

                    <li class="method_name">
                        <a href="#共感图">共感图</a>
                    </li>

                    <li class="method_name">
                        <a href="#四象限法">四象限法</a>
                    </li>
                </ul>

            </div>
        </div>

        <div class="right">

            <div style="margin-left: 30px;margin-right: 30px;">

                <div class="oneMethod" style="padding-top: 30px;">
                    <h2 class="method_name_right" id="六顶帽思考法">
                        六顶帽思考法

                    </h2>


                    <div class="grayline"></div>

                    <div class="method_text">
                        目的：激发创意。
                        <br>一种思考的框架，每种颜色的帽子代表一种思维方向；同一时刻不同的人应该戴上同一顶帽子；可以单独使用，也可以按一定的顺序连续使用，蓝色帽子在开始和结束都要使用。
                        <br>白帽思维：数据帽，代表事实与信息。
                        <br>红思维帽：情感帽，代表直觉与预感。
                        <br>黑帽思维：谨慎帽，代表逻辑与批判。
                        <br>黄帽思维：乐观帽，代表乐观与积极。
                        <br>绿帽思维：创造力帽，代表创新与冒险。
                        <br>蓝帽思维：指挥帽，代表系统与控制。
                    </div>

                </div>


                <div class="oneMethod">
                    <h2 class="method_name_right" id="奥斯本检核表">
                        奥斯本检核表
                    </h2>


                    <div class="grayline"></div>

                    <div class="method_text">
                        目的：激发创意。

                        <br><br>需要回答9大类75个问题：
                        <br> 一 、1 有无新的用途? 2 是否有新的使用方法? 3 可否改变现有的使用方法?
                        <br> 二、 4 有无类似的东西? 5 利用类比能否产生新观念? 6 过去有无类似的问题? 7 可否摹仿? 8 能否超过?
                        <br> 三、9 可否改变功能? 10 可否改变颜色? 11 可否改变形状? 12 可否改变运动? 13 可否改变气味? 14 可否改变音响? 15 可否改变外形? 16 是否还有其它改变的可能性?
                        <br> 四 、17 可否增加些什么? 18 可否附加些什么? 19 可否增加使用时间? 20 可否增加频率? 21 可否增加尺寸? 22 可否增加强度? 23 可否提高性能? 24 可否增加新成分? 25 可否加倍? 26 可否扩大若干倍? 27 可否放大? 28 可否夸大?
                        <br> 五、29 可否减少些什么? 30 可否密集? 31 可否压缩? 32 可否浓缩? 33 可否聚合? 34 可否微型化? 35 可否缩短? 36 可否变窄? 37 可否去掉? 38 可否分割? 39 可否减轻? 40 可否变成流线型?
                        <br> 六、41 可否代替? 42 用什么代替? 43 还有什么别的排列? 44 还有什么别的成分? 45 还有什么别的材料? 46 还有什么别的过程? 47 还有什么别的能源? 48 还有什么别的颜色? 49 还有什么别的音响? 50 还有什么别的照明?
                        <br> 七、51 可否变换? 52 有无可互换的成分? 53 可否变换模式? 54 可否变换布置顺序? 55 可否变换操作工序? 56 可否变换因果关系? 57 可否变换速度或频率? 58 可否变换工作规范?
                        <br> 八、59 可否颠倒? 60 是否颠倒正负? 61 可否颠倒正反? 62 可否头尾颠倒? 63 可否上下颠倒? 64 可否颠倒位置? 65 可否颠倒作用?
                        <br> 九、66 可否重新组合? 67 可否尝试混合? 68 可否尝试合成? 69 可否尝试配合? 70 可否尝试协调? 71 可否尝试配套? 72 可否把物体组合? 73 可否把目的组合? 74 可否把特性组合? 75 可否把观念组合?


                    </div>

                </div>


                <div class="oneMethod">
                    <h2 class="method_name_right" id="商业模式画布">
                        商业模式画布
                    </h2>


                    <div class="grayline"></div>

                    <div class="method_text">
                        商业模式画布图是指一种能够帮助创业者催生创意、降低猜测、确保他们找对了目标用户、合理解决问题的工具。
                        <br>目的：商业模式画布图不仅能够提供更多灵活多变的计划，而且更容易满足用户的需求。更重要的是，它可以将商业模式中的元素标准化，并强调元素间的相互作用，很好的体现了系统观的思维模式。

                        <br><br>1、商业模式画布的九方格
                        <br>商业模式画布图由 9 个方格组成，每一个方格都代表着成千上万种可能性和替代方案，你要做的就是找到最佳的那一个。
                        <br>（1）客户细分：用来描述一个企业想要接触和服务的不同人群或组织。
                        <br>我们正在为谁创造价值？
                        <br>有几类客户？谁是我们最重要的客户？
                        <br>（2）价值主张：你所提供的产品或服务
                        <br>我们该向客户传递什么样的价值？
                        <br>我们正在帮助我们的客户解决哪一类难题？ 我们正在满足哪些客户需求？
                        <br>我们正在提供给客户细分群体哪些系列的产品和服务?
                        <br>（3）渠道通路：用来描绘公司是如何沟通接触其客户细分而传递其价值主张。
                        <br>通过哪些渠道可以接触我们的客户细分群体？
                        <br>我们如何接触他们？
                        <br>我们的渠道如何整合？
                        <br>哪些渠道最有效？
                        <br>哪些渠道成本效益最好？
                        <br>如何把我们的渠道与客户的例行程序进行整合？
                        <br>（4）客户关系：用来描绘公司与特定客户细分群体建立的关系类型。
                        <br>我们每个客户细分群体希望我们与建立和保持何种关系？
                        <br>哪些关系我们已经建立了？ 这些关系成本如何？
                        <br>如何把它们与商业模式的其余部分进行整合？
                        <br>（5）收入来源：用来描绘公司从每个客户群体中获取的现金收入（需要从创收中扣除成本）。
                        <br>什么样的价值能让客户愿意付费？
                        <br>他们现在付费买什么？
                        <br>他们是如何支付费用的？
                        <br>他们更愿意如何支付费用？
                        <br>每个收入来源占总收入的比例是多少？
                        <br>（6）核心资源：用来描绘让商业模式有效运转所必需的最重要的因素。
                        <br>我们的价值主张需要什么样的核心资源？
                        <br>我们的渠道通路需要什么样的核心资源？
                        <br>我们的客户关系呢？收入来源呢？
                        <br>（7）关键业务：用来描绘为了确保其商业模式可行，企业必须做的最重要的事情。
                        <br>我们的价值主张需要哪些关键业务？
                        <br>我们的渠道通道需要哪些关键业务？
                        <br>我们的客户关系呢？收入来源呢？
                        <br>（8）重要伙伴：让商业模式有效运作所需的供应商与合作伙伴的网络。
                        <br>谁是我们的重要伙伴？
                        <br>谁是我们的重要供应商？
                        <br>我们正在从伙伴哪里获取哪些核心资源？
                        <br>合作伙伴都执行哪些关键业务？
                        <br>（9）成本结构：运营一个商业模式所引发的所有成本。
                        <br>什么是我们商业模式中最重要的固有成本？
                        <br>哪些核心资源花费最多？
                        <br>哪些关键业务花费最多？

                        <br><br>2、商业模式画布的理解
                        <br>商业模式画布的9个元素其实回答了下述关键问题。这也是一个创业公司在成立之初，最需要认真讨论的几个重要问题。
                        <br>（1）提供什么？——价值主张
                        <br>（2）怎么提供？——关键业务、核心资源、重要伙伴
                        <br>（3）为谁提供？——客户关系、渠道通路、客户细分
                        <br>（4）成本多少？——成本结构
                        <br>（5）收益多少？——收入来源

                        <br><br>3、商业模式画布的使用
                        <br>填满这块画布还远远不够，按照一定的逻辑讨论并描述才是商业模式画布的主要作用，没有固定顺序， 只要从一个模块开始将所有模块串联起来顺畅的表达清楚就是我们的目的。当然，了解目标用户群（客户细分）、确定他们的需求（价值主张）、凭借什么来实现（关键活动）是首要考虑的部分。

                        <br><br>迭代使用：一般来讲，小组对商业模式的理解会随着时间与实践不断加深。所以，有些初创公司主张每周作一次商业模式画布讨论，作一次客户开发计划讨论。让小组加深对于自己公司商业使命的理解。
                    </div>

                </div>


                <div class="oneMethod">
                    <h2 class="method_name_right" id="共感图">
                        共感图
                    </h2>


                    <div class="grayline"></div>

                    <div class="method_text">
                        <em>关注目标用户！</em>
                        <br>创新创业的过程中常常强调“以用户为中心”，通常需要通过问卷调查、访谈等形式在初期对用户进行调研。当由于条件限制不能接触到实际用户的时候，可以采用如下《Game.Stroming》中的一个方法——Empathy Map（共感图），来实现最大程度上的对用户形象的描摹。

                        <img src="http://localhost/tp5/public/img/introduction/用户画像.jpg">
                        <br><br>首先需要理解一下：什么是“同理心”？
                        <br>通过Brené Brown关于 「Empathy」（同理心）的演讲中的一则短片<a href="http://www.sohu.com/a/202138524_823296">《同理心的力量》</a>来了解一下～

                        <br>在此基础上我们对共感图进行了改进如下：

                        <br><img src="http://localhost/tp5/public/img/introduction/Empathy_Map.png">
                        <br><br>【简介】
                        <br>用拟人化的方法，帮助团队成员将注意力集中在用户或客户身上，迅速获取用户的概况。用共感图从用户的所思所想出发来“检验”团队目前工作的想法。
                        <br>【过程】
                        <br>1、首先：确定目标用户；
                        <br>2、接着：分析目标用户的所想、所听、所见、所说。
                        <br>3、最后：总结目标用户的痛点和需求点。

                    </div>

                </div>

                <div class="oneMethod">
                    <h2 class="method_name_right" id="四象限法">
                        四象限法
                    </h2>


                    <div class="grayline"></div>

                    <div class="method_text">
                        创新活动中需要适时决策。摇骰子？抽签？这不科学！举手投票？也不是创新过程中的最佳决策法。有一些工具方法帮助团队进行科学决策，四象限法就是其中之一。

                        <br>
                        <br>可以根据需要列出不同的衡量维度：<br>

                        <img src="http://localhost/tp5/public/img/sixiangxian/navigation1.png">
                        <img src="http://localhost/tp5/public/img/sixiangxian/navigation2.png">

                        <br><br>【简介】
                        <br>用于评估想法。这个方法非常简单，但是能够非常有效的梳理各种想法，平时也可以运用。

                        <br><br>如果小组收获了非常多的想法，建议从“可行性”与“价值”维度评估想法，帮助我们在众多想法中决策出当前可行性高&价值高的。

                        <br><br>如果小组当下不知道如何在市场中找到自己的定位，那么也适合采用四象限方法对已经有的各种方案进行评估和梳理，从“重要性”与“紧急程度”维度评估想法，帮助我们为众多想法排序，重要&紧急的要立即搞定；重要&不紧急的要制定计划、稳步推进；紧急&不重要的能不做就不做；不重要&不紧急的...say goodbye!

                        <br><br>
                    </div>

                </div>
            </div>
        </div>

    </div>



    <script>
        $('#header_methods').css('border-bottom', 'solid 2px #000000');
        $('#header_methods').css('font-weight', 'bold');




        //目录随滚动条移动自动到达屏幕顶端
        var _box_y = $("#left").offset().top;
        $(window).scroll(function() {
            if ($(window).scrollTop() > _box_y) {
                $("#left").css("top", ($(window).scrollTop() - 75) + "px");
                // $("#left").css("z-index", 101);
            } else {
                $("#left").css("top", _box_y - 75);
            }
        });
    </script>

</body>

</html> <head>
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/float_window.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/tools.css" />
    <link href="http://localhost/tp5/public/CSS/toastr.css" rel="stylesheet" />
    <script src="http://localhost/tp5/public/JS/toastr.js"></script>
    <link rel="stylesheet" type="text/css" href="http://localhost/tp5/public/CSS/bootcssButtons.css" />


    <script>
        function sendFeedback(userId) {
            var feedbackInfo = $('#feedbackInfo').val();
            var re = new RegExp("^[ ]+$");

            if (!re.test(feedbackInfo) && feedbackInfo != "" && feedbackInfo != null) {

                $.post("http://localhost/tp5/public/index.php/index/index/addFeedback", {
                    feedbackInfo: $('#feedbackInfo').val(),
                    userId: userId
                }, function() {
                    //显示一个信息没有标题
                    toastr.success('反馈已成功发送，感谢使用~');
                    setTimeout(function() {
                        toastr.clear();
                    }, 2000);
                });
            } else {
                toastr.error('反馈不能为空~');
                setTimeout(function() {
                    toastr.clear();
                }, 2000);
            }
        }

        function showFeedback() {
            $('#showdiv_F').show(); //显示弹窗
            $('#cover_F').css('display', 'block'); //显示遮罩层
            $('#cover_F').css('height', '100%'); //设置遮罩层的高度为当前页面高度
        }

        // 关闭弹窗
        function closeFeedback() {
            $('#showdiv_F').hide(); //隐藏弹窗
            $('#cover_F').css('display', 'none'); //隐藏遮罩层
        }
    </script>
</head>

<body>

    <!--<div style="height:1000px;"></div>-->

    <div class="guide">
        <div class="guide-wrap">
            <!--<a href="#" class="edit" title="发新帖"><span>发新帖</span></a>
        <a href="#" class="find" title="找论坛"><span>找论坛</span></a>-->
            <?php if(isset($_COOKIE['user'])): ?>
            <a href="javascript:showFeedback()" class="report" title="反馈"><span>反馈</span></a> <?php endif; ?>
            <a href="javascript:window.scrollTo(0,0)" class="top" title="回顶部"><span>回顶部</span></a>
        </div>
    </div>



    <?php if(isset($_COOKIE['user'])): ?>

    <!--以下为添加反馈时的弹窗相关-->
    <!-- 遮罩层 -->
    <div id="cover_F" class="cover"></div>
    <!-- 弹窗 -->
    <div id="showdiv_F" class="showdiv" style="height: 250px;">
        <!-- 标题 -->
        <div class="showdiv_title">
            意见和反馈
        </div>
        <!-- 内容 -->
        <div class="showdiv_prompt">
            请留下您的宝贵意见或反馈：

            <div>
                <textarea required id="feedbackInfo" style="height: 100px;width: 400px;margin-top: 20px;"></textarea>
            </div>
        </div>

        <!-- 按钮 -->
        <div class="button button-medium " onclick="closeFeedback()" style="position: absolute;left: 25%;top: 80%;">
            取消</div>
        <div id="next_step_btn" onclick="sendFeedback('<?php echo htmlentities($_COOKIE['user']); ?>')" class="button button-action button-medium" style="position:absolute;left: 50%;top: 80%;">
            发送</div>

    </div>

    <?php endif; ?>

</body>

    </div>
    <div class="footer">
        <style>
    a {
        text-decoration: none;
        color: #aaabab;
        text-decoration: none;
    }
    
    a:hover {
        color: #647BFF;
        text-decoration: none;
    }
</style>

<div style="font-size:18px;background-color: #f9f9f9;color:#aaabab;width:100%;/*padding: 20px 0;*/text-align: center;">
    Copyright © <a href="http://localhost/tp5/public/index.php">火花设计思维分享</a> 京ICP备19028873号-1
</div>
    </div>
</div>



<script>
    // 此处应修改，不能直接操作innerHTML，不然echarts绘图空白
    // var s = document.body.innerHTML;
    // s = s.replace(/商业/g, '产业');
    // document.body.innerHTML = s;
</script>


<style>
    * {
        margin: 0;
        padding: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .my_container {
        min-height: 600px;
        padding-bottom: -25px;
        min-width: 925px;
    }
    
    .my_container::after {
        content: "";
        clear: both;
        display: block;
    }
    
    .footer {
        height: 25px;
        min-width: 925px;
    }
    
    button {
        margin-left: 10px;
        border-radius: 20px;
        padding: 12px 23px;
        color: #fff;
        background-color: #409eff;
        border-color: #409eff;
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        border: 1px solid #dcdfe6;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin: 0;
        transition: .1s;
        font-weight: 500;
        font-size: 14px;
        font-family: inherit;
        -webkit-writing-mode: horizontal-tb;
        text-rendering: auto;
    }
    
    button:hover {
        background: #66b1ff;
        border-color: #66b1ff;
        color: #fff;
    }
</style>